10 Eye-catching jQuery Thumbnail Gallery Examples For Your Inspiration
Image Gallery with Vertical Thumbnail Navigator
No-Jquery minimum 15KB javascript code by smart compression. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Touch drag navigation for thumbnail navigator is allowed
Use any html/css code to customize thumbnail to anyformat
2. CSS Slider
non jQuery Slider, pure CSS image slider.
Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!
No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly
Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker
Advanced Video Thumbnail Gallery Mode -
Share your best Instagram videos with our clean thumbnail gallery. Premium Video Playlist Gallery Mode -
jQuery 1.
Ultimate Grid Responsive Gallery
This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. The filter navigation bar is generated automatically from the categories you specify to each thumbnail
You can link to another page when you click in a thumbnail
The jQuery Google+/Picasa image gallery HTML5 allows you to show all your Google+/Picasa albums (images) on your website. This script is a pure javascript/jQuery solution and does not require a PHP server. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added option to disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)
Added option to show album name either above or below thumbnail
The standalone gallery has a 5 star rating.Nova Gallery WP makes it easy to embed the Nova Gallery – Responsive HTML5 Multimedia Gallery, in your Wordpress theme. It is a HTML5 multimedia gallery enabling you to showcase your photos/audio/video in a beautiful and sleek interface. You have the option of presenting your items in two different modes, which are a Thumbnail Grid and Full-width view, and you also have the option of switching between the two modes. You can have multiple sets/albums of items and can filter the gallery items based on file type or based on custom categories. The gallery allows you to showcase your Youtube/Vimeo videos and Flickr/Picasa photos from groups/sets/albums/collections. The gallery features a fluid responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. The gallery also features touch-screen support and uses hardware accelerated CSS based animations wherever possible which results in smooth animations, that is especially noticeable in mobile devices. Try the gallery demos and resize your browser to see the responsive design of the gallery in action. Two display modes – Thumbnail Grid & Full-width. The Thumbnail Grid mode features a Masonry layout and you can control the spacing between items by applying margins through css,
This slideshow stops whenever the browser tab in which the gallery is displayed, goes out of focus (this feature only works in browsers that supports the HTML5 Page Visibility Api). Supports multiple gallery sets or albums. The gallery features a fluid responsive design to account for various screens sizes ranging from mobile phones to desktop browsers and can also be placed in a container of any width. The gallery is mobile device friendly with touch screen support. Handy keyboard shortcuts have been provided for easier navigation of the gallery. The gallery items can also act as links to external pages
Create multiple galleries and manage them with the Gallery Manager. Can host media files in services like Amazon AWS and then insert those file links in the gallery settings page. The plugin allows you to upload media files through the WP Media Library, so you can use your previously uploaded files in the gallery too. Thumbnails for the gallery are generated automatically if you choose to, or you can upload your own thumbnails. Drag to sort gallery item order. Also shortcode for each gallery created, is visible in the Gallery Manager. Can mention a youtube custom thumbnail image for the gallery sets. By default the thumbnail for the first item in the set is used to represent the set. Autoplay audio and video when Lightbox opens in Thumbnail Grid mode.e Thumbnail Grid or Full-width, which will be shown when the gallery first loads. Option to show a particular category of items when the gallery first loads. Shrink images in Full-width mode to fit the container when the gallery first loads. Choose to show the thumbnails in Full-width mode when the gallery first loads. Choose the animated effect for the items in Thumbnail Grid mode when it first shows. Choose the animated effect for showing item captions/descriptions in Thumbnail Grid mode. Choose the animated effect for showing/hiding the Gallery Sets screen (home screen). Show the gallery either spanning the entire width of the browser or the width of its parent container. The gallery items can also act as links to external pages. You have the option to shuffle or randomly order the gallery items each time the page is refreshed. The gallery supports preloading of images in Full-width mode for smoother viewing. You can start the slideshow in Full-width mode when the gallery first loads. Option to set the path for the gallery configuration XML file. Option to hide the Gallery Menu
Option hide any of the available view modes – Thumbnail Grid or Fullwidth.Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers. The jQuery photo gallery has been tested and is fully compatible with jQuery 1. and jQuery 2.Fixed a bug in the thumbnail grid layout when margins were set on the items. Improved the closing/opening of the gallery menu in touch-screen devices. Fixed a bug where the inclusion of images in the item captions interfered with the thumbnail grid layout.Fixed problem with positioning of the gallery overlay/lightbox when there were other content in the page along with the gallery. Updated the jQuery masonry plugin so that it is compatible with jquery v1. The gallery now is fully compatible with jquery 1.9+ including jquery 2.Fixed a bug regarding the displaying of gallery set names.
This javascript plugin allows you to include your own Google Plus Photo Gallery into your own site.· jQuery tecnology
· Configurable thumbnail size for albums overview and album content
Creative Gallery – A must have WordPress Image Gallery is a first of its kind of image gallery, built using jQuery and CSS3.A Very Creative and unique style of gallery.Add any number of albums (boxes) in the gallery and images (icons) in the album.Manage spacing among album boxes in the gallery.
An easy to use, thoroughly explained jQuery plugin that fetches YouTube videos from a specific playlist by username and playlist name. Features include choosing thumbnail image and size, autoplay, click, load and error event handlers, easy styling and chainability. It only takes a minute to drop in the code and with a single line of jQuery javascript – your website has a video gallery!
A jQuery gallery plugin which added the hidden panel to the 4 position of the browser corner. You can use it to display a image gallery jQuery or video showcase.jQuery OneByOne Slider Plugin:
jQuery http://jquery.
An easy to use, thoroughly explained jQuery plugin that fetches YouTube videos from the subscriptions of any user. Features include choosing thumbnail image and size, autoplay, click, load and error event handlers, easy styling and chainability. It only takes a minute to drop in the code and with a single line of jQuery your website has a video gallery.